草庐IT

鼠标拖动绘制矩形pointer-events: none

全部标签

javascript - 在javascript中模拟鼠标点击时如何设置目标属性?

我想在使用dojo的javascript代码中模拟鼠标点击。真正的鼠标点击Action将使用带有“ondijitclick”的dojo-stuff进行注册。我知道哪个方法/函数被调用,我也有dijit对象来调用这个方法。该方法需要一个函数对象作为参数,因此我创建了一个新的MouseEvent对象。这一切都很好,只是我需要设置此事件的目标值,但我不知道该怎么做。这是必需的,因为稍后的异常处理正在访问目标属性,我无法避免这一点。到目前为止我的代码:dojo.query(".mybutton").forEach(function(node){vartarget=dojo.query(".my

java - Richfaces 列过滤器 : How to fire an event on intro key

我有一个rich:extendedDataTable并且我正在使用列过滤。我希望在用户输入“intro”键后触发过滤器,但在javascript中没有这样的事件。我想这样做是因为如果我使用诸如onkeyup之类的事件,我会收到太多请求,因此会遇到问题。我正在使用richfaces3.3.0GA和facelets。这是组件: 最佳答案 不幸的是,没有简单的方法来自定义此功能。不过,有一些选项可以使其更有用:-将其放入您的或和你的onkeyup请求将被延迟和分组。参见richfacesdemopage:SettingignoreDupR

javascript - 插入或拖动后重新索引对象数组的算法 'n' 放置顺序更改

假设我有一个对象的索引数组,例如包含流行民歌台词的对象;)varlyrics=[{line:2,words:"He'salumberjackandhe'sokay"},{line:1,words:"I'malumberjackandI'mokay"},{line:3,words:"Hesleepsallnightandheworksallday"}];我的比较器将根据每个对象的索引在View中显示对象。我希望能够在此阵列上执行三个任务:任务1)在拖放时重建索引通过拖放重新排列对象的顺序。假设我已经知道如何实现拖放。任务示例:将“He'salumberjackandhe'sokay”从索

javascript - 添加 View 框时鼠标位置发生变化

我目前正在学习和使用JavaScript和SVG,我是新手。这是我的场景我有一个div,里面有一个SVG。现在我想知道鼠标相对于我的div的位置所以我写了下面的代码odiv=document.querySelector('#O_div');XOffset=$(Odiv).position().left;YOffset=$(Odiv).position().top;//Andonmymousemoveevent$('#O_div').mousemove(function(event){varmouseX=event.clientX-XOffset;varmouseY=event.clie

javascript - SVG 元素的矩形选择(用于 Raphael)

我遇到了以下问题,希望有人知道如何帮助我:我使用JavaScript库Raphael.现在,我想做的是,当我有很多RaphaelSVG元素时,只需使用“矩形选择”选择更多元素,即通过从图形背景开始拖动鼠标来创建一个选择矩形(我希望我足够清楚),并移动这个矩形中的元素。目前,我发现了类似这样的内容(有人从previousquestionofmine发布了它):varpaper=Raphael(0,0,'100%','100%');varcircle=paper.circle(75,75,50);varrect=paper.rect(150,150,50,50);varset=paper.

javascript - 将鼠标悬停在 jquery 上,将 Div 展开

我实际上是在尝试在表格中构建产品列表。我已经有了从数据库中获取数据并将其放置在页面中的php代码,但我受困于jquery和javascript,我在这方面是个菜鸟。我一直在阅读一些文档,然后我使用了这个脚本:JavaScript$(window).load(function(){$('.principale').hover(function(){$(this).animate({width:215,height:350,margin:0,},'fast');/*$(this).animate().css('box-shadow','0010px#44f')*/$(this).anima

javascript - Three.js绘制简单三 Angular 形

我正在尝试用three.js绘制三Angular形:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,1000);camera.position.z=100;scene.add(camera);varrenderer=newTHREE.WebGLRenderer();renderer.setSize(window.innerWidth,window.innerHeight);document.body.appendChild(r

javascript - 通过 D3 绘制 HTML 表格不会更新现有数据

我正在使用D3绘制HTML表格,输入时一切正常。当我将新项目添加到我的数据集合时,它会将新项目正确添加到表中。问题是每当我更新集合中的现有对象(下面backgroundJobs集合中的对象)时。当我重新运行D3代码来同步表时,它不起作用。没有任何反应。代码如下:varvisibleColumns=['Name','Start','End','Status','Metadata','Errors'];vartable=d3.select('#jobs').append('table');varthead=table.append('thead');vartbody=table.appen

javascript - 我怎样才能用 flot 只绘制点(而不是线)?

最终我想要一个像这样的非常小的一维图表:坐标轴X轴:0到100,不可见Y轴:0到0(但绘制三条线可能需要-1到1)数据仅积分。无需排队。两个数据集需要不同的颜色(首选红色和绿色)。x轴上的所有数据(y=0)如果形状是可能的,X和O将是完美的飞机我需要在x轴上的特定点绘制三条线,而不是标准网格。示例:[[40,-1],[40,1]],[[50,-1],[50,1]],[[60,-1],[60,1]]这是我到目前为止尝试过的:d1=[[48,0],[16,0],[10,0],[40,0],[30,0],[37,0]];d2=[[43,0],[60,0],[74,0],[83,0]];var

javascript - three.js 在鼠标向下旋转对象并移动

我试图在我的场景中获得良好的鼠标移动,以便我可以围绕对象旋转。我有两个问题,我可以弄清楚如何限制运动,使其永远不会在Y轴上旋转低于0度。(我不想从下面看到物体,只能从上面看到)我想不通的第二件事是如何使运动流畅。现在我在jsfiddle中取得的成就是相机在开始旋转之前移回其起始位置。我的尝试:http://jsfiddle.net/phacer/FHD8W/4/这是我没有得到的部分:varspdy=(HEIGHT_S/2-mouseY)/100;varspdx=(WIDTH/2-mouseX)/100;root.rotation.x+=-(spdy/10);root.rotation.